<template>
	<view class="content">
		<text class="title">{{content.title}}</text>
		<text class="time">{{content.create_time}}</text>
		<mp-html :content="content.content" class="info"></mp-html>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: '114564564'
			}
		},
		methods: {},
		computed: {},
		onLoad(options) {
			this.$request.get(`userMsg/detail?id=${options.id}`).then(res => {
				console.log(res.data.data);
				this.content = res.data.data;
			})
		},
		onShow() {}
	}
</script>

<style lang="scss" scoped>
	.info {
		display: block;
		width: 670rpx;
		margin-left: 40rpx;
		margin-top: 80rpx;
	}

	.title {
		font-size: 32;
		font-weight: 700;
		color: #292929;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-top: 70rpx;
		margin-left: 40rpx;
		display: block;

	}

	.time {
		display: block;
		font-size: 24;
		font-weight: 500;
		color: #919191;
		margin-top: 35rpx;
		margin-left: 40rpx;
	}
	.content {
		width: 100%;
		height: 100vh;
		background-color: #fcfeff;
		overflow-y: scroll;
	}

	page {
		width: 100%;
		height: 100vh;
		background-color: #fcfeff;
		overflow-y: scroll;
	}
</style>